import { Component } from 'react';
import styles from './index.less';
import { connect } from 'dva';
import router from 'umi/router';
import moment from 'moment'
@connect(({ contract }) => contract)
class HeTong extends Component {
  componentDidMount() {
    this.props.dispatch({
      type: 'contract/getContractEff'
    });
  }
  render() {
      const {contractData} = this.props
      let isDataGeted = Object.keys(contractData).length > 0
      console.log("​HeTong -> render -> isDataGeted", isDataGeted)
      console.log("​HeTong -> render -> contractData", contractData)

    return isDataGeted && (
      <div className={styles.contract}>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.watermark}>
            <div className={styles.mark_box}>
                <p className={styles.text_water}>北京华瑞金源科技有限公司牛只合同</p>
                <p className={styles.text_water}>http://www.niushengniu.cn/</p>
            </div>
        </div>
        <div className={styles.text}>
            <h2 className={styles.tow_text}>牛只托养管理服务合同</h2>
            <h5 className={styles.five_text}>合同编号：{contractData.contractId}</h5>
            <h5 className={styles.five_text}>甲方：{contractData.buyer.name}</h5>
            <h5 className={styles.five_text}>身份证号：{contractData.buyer.id_card}</h5>
            <h5 className={styles.five_text}>联系电话：{contractData.buyer.telephone}</h5>
            {/* <h5 className={styles.five_text}>联系邮箱：</h5>
            <h5 className={styles.five_text}>联系地址：</h5> */}
            <h5 className={styles.five_text}>乙方：北京华瑞金源科技有限公司</h5>
            <h5 className={styles.five_text}>联系人：孔繁华</h5>
            <h5 className={styles.five_text}>联系电话：400-818-4777</h5>
            {/* <h5 className={styles.five_text}>联系邮箱：</h5> */}
            <h5 className={styles.five_text}>联系地址：北京市石景山区鲁谷路35号二层230室</h5>
            <h5 className={styles.five_text}>鉴于：</h5>


            <p className={styles.pw_text}>乙方拥有自主经营的原生态牧场，具备牛只饲养方面的丰富经验，致力于帮助所有崇尚健康生活理念的客户实现互联网养牛的最佳体验，使客户享受产自原生态牧场的安全优质牛肉消费服务，同时为客户提供牛只饲养、维护等服务。</p>
            <p className={styles.pw_text}>甲方为追求健康优质生活的客户，有意委托乙方认购牛只，并委托乙方或乙方指定的第三方代为饲养和管理。</p>
            <p className={styles.pw_text}>根据《中华人民共和国合同法》等法律法规的相关规定，甲乙双方本着公平、自愿的原则，经友好协商一致，就甲方委托乙方购买牛只并委托乙方或乙方指定的第三方饲养和管理等事宜，达成如下协议，以资双方共同遵守。</p>
            <h5 className={styles.five_text}>第一条甲方认购的牛只信息：详见本合同附件。</h5>
            <h5 className={styles.five_text}>第二条牛只认购价款支付</h5>
            <p className={styles.pw_text}>1、甲方应于本协议签订后3个工作日内付清全部牛只认购价款。</p>
            {/* <p className={styles.pw_text}>2、甲乙双方以如下账户作为本协议的全部款项的收付账户：</p>
            <p className={styles.pw_text}>（1）甲方收款账户</p>
            <h5 className={styles.five_text}>开户行：</h5>
            <h5 className={styles.five_text}>账户名：</h5>
            <h5 className={styles.five_text}>账号：</h5>
            <p className={styles.pw_text}>(2)乙方收款账户</p>
            <h5 className={styles.five_text}>开户行：</h5>
            <h5 className={styles.five_text}>账户名：</h5>
            <h5 className={styles.five_text}>账号：</h5> */}



            <h5 className={styles.five_text}>第三条管理服务内容</h5>
            <p className={styles.pw_text}>乙方在甲方支付完牛只认购款后为甲方提供如下服务：</p>
            <p className={styles.pw_text}>( 1 )牛只代购服务：根据本合同约定代甲方购买牛只。</p>
            <p className={styles.pw_text}>（2）牛只投保服务：为 认购的每头牛只购买保额不低于认购价格的财产保险，并承担保险费用（投保人登记为乙方），负责办理保险购买及赔付申请等事宜，负责保存保险相关单据单证原件。</p>
            <p className={styles.pw_text}>（3）牛只饲养维保管理服务：为甲方所购牛只做好标记并提供饲养场地、饲养人员、饲养草料、饲养技术服务、牛只医疗保障、疾病防疫服务、代售牛只等服务（甲方通过平台提交需求时）等牛只饲养维保相关工作。</p>
            <p className={styles.pw_text}>（4）甲方在乙方平台发布的认购期内认购一定数量的牛只，并将所认购牛只数量对应的认购本金支付给乙方，乙方收到甲方认购金额后3个工作日内，以自己的名义为甲方完成所认购数量育养牛只的选购。</p>


            <h5 className={styles.five_text}>第四条托养及托养期满处理方式、收益分配结算</h5>
            <p className={styles.pw_text}>1、牛只托养期限：自甲方支付全部牛只认购款当日后开始计算。</p>
            <p className={styles.pw_text}>2、收益分配：认购期届满（即甲方指定的认购期限届满之日）后，乙方收取相应成本后的所有收益均归甲方所有。</p>


            <h5 className={styles.five_text}>第五条 保险赔付</h5>
            <p className={styles.pw_text}>乙方代为饲养管理牛只期间，出现牛只病亡或其他，原因导致牛只死亡、走失、毁损的，双方同意由保险公司进行赔付，赔付款均归乙方所有，赔付款由保险公司直接向乙方支付，乙方按照如下方式〖〗向甲方赔付：</p>
            <p className={styles.pw_text}>(1)乙方按照编号牛同样的品种给甲方重新配置一头新的牛只，就该死亡、走失、毁损的编号牛只乙方无需再向甲方支付或退还任何费用。</p>
            <p className={styles.pw_text}>（2）乙方将 认购时该编号牛只的认购价款全部退还甲方，就该死亡、走失、毁损的编号牛只乙方无需再向甲方支付或退还任何费用。</p>


            <h5 className={styles.five_text}>第六条 双方的权利义务</h5>
            <p className={styles.pw_text}>1、甲乙双方均应按本合同约定按时足额支付牛只认购款、收益等款项。</p>
            <p className={styles.pw_text}>2、甲方应按本协议约定提供代购牛只、投保、饲养维护等各项服务，并有权按本协议约定收取相应的服务费用及分配相应的收益。</p>
            <p className={styles.pw_text}>3、甲乙双方应及时、真实、准确地向对方告知保险购买、保险理赔等相关事项的进度和情况，以确保双方合作顺畅。</p>
            <p className={styles.pw_text}>4、任何一方均不得与任何第三方恶意串通损害对方的利益，亦不得有任何有损对方利益的行为。</p>
            <p className={styles.pw_text}>5、甲方应为乙方提供本协议约定的各项服务提供相应的协助和便利。</p>
            <p className={styles.pw_text}>6、乙方将通过电话、短信、邮件、书面函件等一种或多种形式向方甲发送与本协议相关的信息，送达时间依相关法律法规规定。甲方应密切关注并及时查阅各信息，不得以未查阅为由主张免责。</p>
            <p className={styles.pw_text}>7、甲方向乙方提供的各项信息均应当真实、准确、有效，以便乙方能够及时有效地为甲方提供服务或通报牛只托养的相关事宜。如甲方的联系电话、联系邮箱、联系地址等信息发生变更时，甲方应于变更当日内书面通知乙方，否则，甲方应自行承担未予及时更新通知乙方变更信息带来的全部后果。</p>
            <p className={styles.pw_text}>8、甲方指定的认购期限之日起1年内，认购牛只未怀孕或未衍生出小牛只，则 有权要求乙方配备一只小牛只（认购期限1年内认购牛只已怀孕或已衍生小牛只情况除外）。</p>
            <p className={styles.pw_text}>9、未经乙方登记备案并签署相应的书面协议，甲方不得对所托养牛只或相应收益权等向任何第三方转让、设定抵押等。</p>
            <p className={styles.pw_text}>10、甲方不得单方解除本合同，托养期间内，甲方可通过乙方APP平台实时查看牛只的成长情况。</p>
            <p className={styles.pw_text}>11、甲方应确保其用于支付的牛只认购款及收益资金来源的合法性，且甲方具备该等资金的合法有效处分权。</p>



            <h5 className={styles.five_text}>第七条 保密</h5>
            <p className={styles.pw_text}>任何一方均应严格保守本合同的内容及本合同签订、履行过程中知悉的对方的商业秘密（包括但不限于商业模式、客户信息、技术资料、技术信息以及一切非公开的技术手段和其他信息等）、个人隐私，未经秘密持有方书面许可，不得向任何第三方透露。保密期限至秘密公开之日止。</p>



            <h5 className={styles.five_text}>第八条 不可抗力</h5>
            <p className={styles.pw_text}>在使用本服务的过程中，可能会遇到不可抗力等风险因素，使本服务发生中断。不可抗力是指不能预见、不能克服、不能避免且对一方或双方造成重大影响的客观事件，包括但不限于洪水、地震、瘟疫和风暴等自然灾害以及战争、动乱、政府行为等社会事件。遭受不可抗力因素导致的违约或合同无法继续履行的情形的，受影响一方无需承担任何赔偿责任。</p>



            <h5 className={styles.five_text}>第九条 风险温馨提示</h5>
            <p className={styles.pw_text}>甲方知悉并同意，乙方不承担如下风险的相应责任：</p>
            <p className={styles.pw_text}>1、宏观经济、法律法规政策变化及不可抗力风险：因宏观经济形势、法律法规政策变化及不可抗力因素等引起牛只价格波动，您可能遭受损失或未能获得预期收益。</p>
            <p className={styles.pw_text}>2、操作风险：因乙方决策失误、自身情势变化等而导致您遭受损失或未能获得预期收益。</p>
            <p className={styles.pw_text}>3、牛只生病、走失等毁损灭失损失：因牛只为有生命、可移动的活物，故其有可能出现生病、走失、打斗致伤或致死等毁损灭失情形，您可能遭受损失或未能获得预期收益。</p>


            <h5 className={styles.five_text}>第十条 违约责任</h5>
            <p className={styles.pw_text}>1、任何一方违反本合同约定，违约方均应赔偿守约方因此造成的损失。</p>
            <p className={styles.pw_text}>2、本合同所述损失包括但不限于直接经济损失、间接经济损失、预期可得收益以及为维权而支付的诉讼费、鉴定费、律师费、差旅费等全部损失。</p>
            <p className={styles.pw_text}>3、任何一方未按本合同约定支付收益、违约金、赔偿金等应付款项的，每逾期一日，应每日向对方支付应付未付金额的3 ‰的违约金。如甲方逾期支付认购款超过3日的，乙方有权解除本合同。</p>



            <h5 className={styles.five_text}>第十一条 争议解决办法</h5>
            <p className={styles.pw_text}>如有争议双方应该遵循友好协商解决的方式解决，如果不能解决，任何一方均可起诉至乙方所在地人民法院解决。</p>



            <h5 className={styles.five_text}>第十二条其他</h5>
            <p className={styles.pw_text}>1、本协议如无特殊约定，货币币种均为人民币。</p>
            <p className={styles.pw_text}>2、本合同经甲乙双方签约人签字并加盖甲乙双方合同专用章或公章且甲方支付认购款之日起生效，至履行完毕时止。</p>
            <p className={styles.pw_text}>3、本合同未尽事宜，甲乙双方友好协商后可以签订补充协议，补充协议和本合同有同等法律效力。</p>
            <p className={styles.pw_text}>4、本合同一式两份，甲乙双方各执一份，具有同等法律效应。以下为签章页，无正文。</p>
            <br/>
            <h5 className={styles.five_text}>甲方（签字）：{contractData.buyer.name}</h5>
            {/* <h5 className={styles.five_text}>授权代表签订日期：</h5> */}
            <h5 className={styles.five_text}>签订日期：{moment(contractData.buy_time).format('YYYY年MM月DD日')}</h5>
            <br/>
            <h5 className={styles.five_text}>乙方授权代表人（签字）：孔繁华</h5>
            {/* <h5 className={styles.five_text}>授权代表签订日期：</h5> */}
            <h5 className={styles.five_text}>签订日期：{moment(contractData.buy_time).format('YYYY年MM月DD日')}</h5>
            <br/>
            <h5 className={styles.five_text}>附件 牛 只认购信息</h5>
            <table cellSpacing="0" border="1" className={styles.from}>
            <tbody>
                <tr>
                    <th>序号</th>
                    <th>牛只品种</th>
                    <th>牛只编号</th>
                    <th>认购单价(元)</th>
                    {/* <th>认购总价(元)</th> */}
                    <th>认购期限</th>
                    {/* <th>特征</th> */}
                </tr>
              {(new Array(contractData.buy_num)).fill('').map((i,index) =>(
                <tr key={index}>
                <td>{index}</td>
                <td>{contractData.period.cattle_type}</td>
                <td>{` ${contractData.contractId}${index} `}</td>
                <td>{contractData.period.price}</td>
                <td>{contractData.period.term}个月</td>
            </tr>
              ))}


                <tr>
                    <td>总计</td>
                    <td></td>
                    <td></td>
                    <td>{contractData.period.price * contractData.buy_num}</td>
                    <td></td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
    );
  }
}
export default HeTong;
